<!-- 20220729 modify by Alan for#100246 : 調整安燈面板排版 -->
<div class="section-title" style="display: flex; justify-content: space-between; border-bottom: 1px solid #cccccc;">
    <div class="section-title-block" style="margin-left: 6px; display: flex; align-items: center; justify-content: center;">
        <i class="material-icons close">remove</i>
        <i class="material-icons open">add</i>
        <!-- Andon -->
        <label class="title-name" ng-bind="'slightModuleInfo.title' | translate"></label>
        <div class="kmi-can-click" ng-click="togglePanel('slightModuleInfo', $event);"></div>
    </div>
    <!-- 安燈時間 -->
    <div class="kmi-text-fields andon-time">
        <label class="label" ng-bind="'slightModuleInfo.andon_min_time' | translate"></label>
        <label class="value" ng-bind="andon_min_time"></label>
    </div>
</div>
<div class="section-content" style="padding-bottom:0px; overflow:hidden; justify-content: center; margin-left: 25px;">
    <div class="btn-panel perfect-scrollbar" suppress-scroll-x="false" style="display: flex;">
        <div style="display: flex; flex: 1;">
            <div class="kmi-button kmi-button-confrim" style="width: 85px; margin-right: 30px; background: #68bd84;" 
                ng-repeat="item in andon_data track by $index" ng-style="getSlightColor(item);">
                <label ng-bind="item.slight_type_name"></label>
                <div class="kmi-can-click" ng-click="slightBtn(item);"></div>
            </div>
        </div>
    </div>
</div>
